<link rel="stylesheet" href="/assets/css/projects.css?2.0">
<style>
    .intr-o span{
        width: 20px;
    }
    p{
        width: 100%;
        height: 100%;
    }
    p img{
        display: block;
        width: 100%;
        height: 100%;
    }
    .io2{
        width: 54%;

    }
    .io2 .f-2{
        font-size: 30px;padding-top: 100px;
    }
</style>
<div class="projects" >
    <div class="banner_top" style="background: url('/img/1.jpg');background-size: cover">
        <div class="intr-o">
            <font class="f-1">GYRO核心点</font><br>

        </div>
        <div class="intr-t">
            <font class="f-2">产品采用GYRO AIR气陀螺尘气分离技术，将含尘空气先进行高效<br>预分离，再通过滤芯进行过滤排放。</font>
            <span></span>
        </div>
    </div>
    <?php
    foreach ($coreList as $v){
        if($v->type==1){

        ?>
            <div class="banner_top" style="background: url('<?=$v->img?>');background-size: cover;height: auto;">


                <div class="intr-o " style="text-align: center;">
                    <font class="f-2" style="font-size: 30px;color:<?=$v->color?>"><?=$v->title?></font><br>
                    <span></span><br/>
                    <font style="font-size:15px;margin-top: 5px;color:<?=$v->color?>">
                       <?=$v->word?>
                    </font><br/>
                    <?=$v->image?>
                </div>




            </div>
    <?php }elseif($v->type==2){?>
            <div class="banner_top" style="background: url('<?=$v->img?>');background-size: cover;height: auto;">

                <div class="" style="display: flex;">
                    <div style="flex: 1">
                        <div class="intr-o io2">
                            <font class="f-2" style="color:<?=$v->color?>"><?=$v->title?></font><br>
                            <span></span><br/>
                            <font style="font-size:15px;margin-top: 5px;color:<?=$v->color?>">
                                <?=$v->word?>
                            </font><br/>
                            <?=$v->image?>
                        </div>
                    </div>
                    <div style="flex: 1">
                        <?=$v->image2?>
                    </div>

                </div>

            </div>
     <?php   }elseif($v->type==3){?>
            <div class="banner_top" style="background: url('<?=$v->img?>');background-size: cover;height: auto;">

                <div class="" style="display: flex;">
                    <div style="flex: 1">
                        <?=$v->image2?>
                    </div>
                    <div style="flex: 1">
                        <div class="intr-o io2">
                            <font class="f-2" style="color:<?=$v->color?>"><?=$v->title?></font><br>
                            <span></span><br/>
                            <font style="font-size:15px;margin-top: 5px;color:<?=$v['color']?>">
                                <?=$v->word?>
                            </font><br/>
                            <?=$v->image?>
                        </div>
                    </div>


                </div>

            </div>
      <?php  } }?>






</div>